女朋友让我深夜十二点催她睡觉，我有Python我就不干
用Python的pyautogui库自动操作电脑，并用apscheduler设置定时任务，实现定时发送微信功能。 事情是...
2024-01-10
如何修改json字符串中某个key对应的value值
字符串转json ,下面这种方式会把原有的字符串顺序打乱，所以不采用JSONObject jsonObject = JSON.parseObject(你的JSON);要先转为LinkedHashMap，再转jsonLinkedHashMap<String, Object> json = JSON.parseObject(你的JSON,LinkedHashMap.class,Feature.OrderedField);JSONObject jsonObject=new JSONObject(true);jso...
2024-01-10js合并两个数组生成合并后的key：value数组
核心代码// var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"];// var activeSubjectsNum = [46, 2, 2, 28, 29];// var activeSubjectsArr = [];for (var i = 0; i < activeSubjectsName.length; i++) { console.log(i); var activeSubjectsObject = {}; for (var j = 0...
2024-01-10
js中使用递归，取出后台返回的深层嵌套json中的动态key和value
如上图所示为后台返回的数据，是一个多层嵌套的json数据，前端将调用此接口返回的数据存入了result变量。该json中存在动态的key，如图中绿色标识。我想要取出部分值用于组件中显示，而这些动态key所对应的值不方便按照xxx.key的形式获取到。因此考虑使用递归遍历这个嵌套json，然后将符合key=value的...
2024-01-10
关于VUE component失效的问题？
想咨询一个关于VUE的问题，在同一级页面中，下面的写法没问题<template> <component :is="name"/></template>export default { data: () => ({ name: "v-text-field" })}但是我想改进一下将component封装成组件，is通过prop传参就会有问题：// 父组件<test ...
2024-02-06
关于Vue的component制作dialog组件
其实原理很简单，兴个粟子，点击按钮出现 dialog 弹出杠，将dialog做成一个组件，components/dialog.vue就是在components里面新建一个vue.将这个vue做为dialog的组件包容器，哪里需要用到直接采用@import "./components/dialog.vue";交这个组件导入引用即可比如有在home页要采用这个dialog的组件，那么先引入，然...
2024-01-10
Vue component 子传父通信 $emit
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app" style="background-color:blue;height: 400px;height: 400px;padding: 20px;"> <div_box @div_box_click="div_box_func2"></div_box> </d...
2024-01-10
vue directive 中如何渲染component
最近有一个思路，点击图片的时候放大预览，实现 <img src='xxx.jpg' v-preview/> 点击自动发大预览，有没有办法在 directive 中直接添加一个 component 到 body 中。回答：可以的核心是利用指令的规则 在具体实现里面动态mount 一个vue 组件,以vue2.x 为例dirv.vueimport pop from './pop.vue'impor...
2024-02-23
vue : 对 vue-class-component 的个人理解
vue-class-component 是 vue 的官方库，作用是用类的方式编写组件。这种编写方式可以让.vue文件的js域结构更扁平，并使vue组件可以使用继承、混入等高级特性。简单的示例：ComponentA.vue<template> <div> <p>{{ nameString }}</p> <p>{{ child }}</p> <button @click="comClick">button</button> </div></template><script>impor...
2024-01-10从React Components生成PDF文件
我一直在构建一个轮询应用程序。人们能够创建他们的民意调查并获取有关他们提出的问题的数据。我想添加功能，以允许用户以PDF的形式下载结果。例如，我有两个组件负责获取问题和数据。<QuestionBox /><ViewCharts />我正在尝试将两个组件都输出到PDF文件中。然后，用户可以下载该PFD文件。我发现了...
2024-01-10
vue 异步组件 components 如何用函数引入
想把 components 独立出来,写成这样一份 jscomponents.jsconst COMPONENTS = {LocationList: () => import('../components/LocationList'),StationList: () => import('../components/StationList'),DeviceSelectList: () => ...
2024-03-11微信小程序使用component自定义toast弹窗效果
前言微信小程序自带的消息提示框有字数限制，而且图标仅仅只有"success"，"loading"，"none"。当我们在实际开发过程中，面对UI给的设计图稿和微信小程序默认提供的消息提示框具有很大差别的时候，自然就不能再使用微信小程序的消息提示框，而应当使用component自定义消息提示框组件。效果图Step1：...
2024-01-10
vue-class-component使用问题
<script lang="ts">import { defineComponent, ref, nextTick, unref, onMounted } from 'vue';import { useScript } from '/@/hooks/web/useScript';const BAI_DU_MAP_URL = 'https://api.map.baidu.com/getsc...
2024-03-09
类似于@/components这样的路径，如何才能让vscode等编辑器识别?
类似于这样的路径，如图所示：无论是vscode，还是webstorm，都是没办法被识别的。不能识别，智能提示和跳转就都做不了，很是不方便。所以想问下，有没有什么办法可以支持这样的路径？回答：WebStorm 是可以的 vscode不怎么用，就不回答了 windows：File > Settings > Languages and Frameworks >JavaScript > Webpack m...
2024-01-10
comcn和com有什么区别
品牌型号：联想拯救者Y9000P系统：Windows11comcn和com的区别：1、含义不同。.com.COM是company的英文缩写，公司的意思，即凡是有这个后缀网站就是商业机构。属于国际域名，供商业机构使用，但无限制最常用，被大部分人熟悉和使用。.com.cn是中国的公司域名，国内商业机构，必须企业才可以备案，备案之后才可以解析。2、域名种类不同。.cn是中国域名，com.cn是c...
2024-01-01
vue3.0提前了解系列----composition生命周期、计算属性、watch属性的使用
今天给大家带来的的内容是compotion内的生命周期、计算属性、watch的使用vue3中生命周期在composition api中有一些小的改动写法为import { onMounted } from 'vue'setup () { console.log('内部的created') onMounted(() => { console.log('内部mounted') })} vue3中基本有大部分的周期，去掉了beforeCreate和created，不...
2024-01-10
vue3中的options方式 和 composition方式，效果不一样？！
<template> <div class="home"> <img alt="Vue logo" src="../assets/logo.jpg" /> {{ asd }} {{ zxc }} <button @click="test">test</button> </div></template><script lang="ts">import ...
2024-02-16
vue2.6+vue/composition-api的this和vue2.7中的this不同？
vue/composition-api项目中很多地方setup中的函数使用了this然后再return出来，模板上绑定事件调用这个函数是可以访问到this，但是在vue2.7中不行。在vue/composition-api的setup中打印this输出是undefined，在vue2.7中打印this是null。示例：分别在vue/composition-api和2.7中使用这个组件，最开始会执行...
2024-03-10
聊聊canal的Position
序本文主要研究一下canal的PositionPositioncanal-1.1.4/protocol/src/main/java/com/alibaba/otter/canal/protocol/position/Position.javapublic abstract class Position implements Serializable { private static final long serialVersionUID = 2332798099928474975L; publi...
2024-01-10
详解Vue3 Composition API中的提取和重用逻辑
Vue3 Composition API可以在大型项目中更好地组织代码。然儿，随着使用几种不同的选项属性切换到单一的setup 方法，许多开发人员面临的问题是……这会不会更混乱，因为一切都在一个方法中乍一看可能很容易，但是实际上只需要花一点点时间来编写可重用的模块化代码。让我们来看看如何做到这一点...
2024-01-10
Vue composition API 实现一键复制
composition API 中实现一键复制<input type="text" ... onfocus="this.select()" ref="inputLink">...const inputLink = ref({} as unknown);...const copyLink = () => { (inputLink.value as HTMLInputElement).select(); document.execCommand("copy"); alert("复制成功");}主要...
2024-01-10
Vue3 Composition API
vue3.0在7月发布了rc版本，vue-cli4.5后也支持选择vue3作为备选版本可以体验了，vue3的正式版本相必也不远了。学不动了呀!!!!相比vue2.0版本(Option API)，Composition API（组合API）算是3.0的重大变更之一了。概述Composition API 主要灵感来源于React Hooks，目的是通过一组低侵入式的、函数式的 API，使得我们能够更灵...
2024-01-10
Vue3 Composition API的使用简介
目录概述示例为什么需要setupref、reactivecomputed与watch生命周期vue3.0在7月发布了rc版本，vue-cli4.5后也支持选择vue3作为备选版本可以体验了，vue3的正式版本相必也不远了。学不动了呀!!!!相比vue2.0版本(Option API)，Composition API（组合API）算是3.0的重大变更之一了。概述Composition API 主要灵感来源于React Hooks...
2024-01-10
Vue3 Composition API的使用简介
目录概述示例为什么需要setupref、reactivecomputed与watch生命周期vue3.0在7月发布了rc版本，vue-cli4.5后也支持选择vue3作为备选版本可以体验了，vue3的正式版本相必也不远了。学不动了呀!!!!相比vue2.0版本(Option API)，Composition API（组合API）算是3.0的重大变更之一了。概述Composition API 主要灵感来源于React Hooks...
2024-01-10
position: sticky失效？
<template> <div id="app"> <div style="height: 100px; overflow: auto"> <div style="position: sticky; top: 0">toutou</div> <div> 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内...
2024-03-02
